body,html{font-family:'Microsoft JhengHei';background-color:#fff;width:100%;overflow-x:hidden;font-size:14px}
@font-face{font-family:iconfont;src:url(../fonts/fonteditor.eot);src:url(../fonts/fonteditor.eot?#iefix) format('embedded-opentype'),url(../fonts/fonteditor.woff) format('woff'),url(../fonts/fonteditor.ttf) format('truetype'),url(../fonts/fonteditor.svg#iconfont) format('svg')}
@font-face{font-family:dinpro;src:url(../fonts/fonteditor.eot);src:url(../fonts/fonteditor.eot?#iefix) format('embedded-opentype'),url(../fonts/fonteditor.woff) format('woff'),url(../fonts/fonteditor.ttf) format('truetype'),url(../fonts/fonteditor.svg#iconfont) format('svg')}
.iconfont{font-family:iconfont!important}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
img{border-style:none}
.backTop{z-index:8}
.transition{-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
._flexbox{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex}
.courses-page .box1 ._flexbox{justify-content:flex-start}
.courses-page .box1 ._flexbox .item+.item{margin-left:calc(100px / 3)}
.courses-page .box1 ._flexbox .item:nth-child(4n+1){margin-left:0}
.header .logo{display:block;width:516px}
.pages a+a{margin-left:10px}
.mshow{display:none}
.container{padding-top:182px}
.loader{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:30;display:none}
.menuBtn{position:fixed;width:50px;height:50px;right:13px;z-index:50;top:7px;display:none}
.menuBtn span{position:absolute;width:36px;height:3px;background-color:#fc0;left:7px;top:23px;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.menuBtn.active span{background-color:#000!important}
.menuBtn.active span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:23px}
.menuBtn.active span:nth-child(1){-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0)}
.menuBtn.active span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:23px}
.menuBtn span:nth-child(2){top:13px;background-color:#f30}
.menuBtn span:nth-child(3){top:33px;background-color:#06c}
.loader .loader-bar{position:absolute;width:300px;left:50%;top:40%;margin-left:-150px}
.loader .l-b{position:relative;height:3px;display:block;background-color:rgba(55,55,55,.1)}
.loader .l-b span{display:block;background-color:#222;height:3px}
.loader .loader-bar img{width:150px;margin:0 auto}
._flexbox>._flexbox{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex}
.header_pd{padding: 30px 40px 25px;
	max-width: 1300px;
	margin:  0 auto;}
.nav_bg{ background: #064b74;}
.no-flexbox .header ul li{display:inline-block}
.no-flexbox .header>._flexbox{width:100%}
.no-flexbox .header>._flexbox>*{display:inline-block}
.no-flexbox .index-page .box1 ._flexbox>*{display:inline-block}
.no-flexbox .header .right{float:right}
.no-flexbox .index-page .box1 .secend .around .item+.item{margin-left:120px}
.no-flexbox .index-page .box1 .secend .around{padding:0 60px}
.no-flexbox .index-page .box1 .first,.no-flexbox .index-page .box1 .third{position:relative;text-align:center}
.no-flexbox .dot{position:absolute;left:0;top:50%}
.no-flexbox .dot.right{left:auto;right:0}
.no-flexbox .index-page .box3 .center{text-align:center;font-size:0}
.no-flexbox .footer .center ._flexbox a{display:inline-block}
.no-flexbox .footer .qr{float:left}
.no-flexbox .footer .center{float:left;margin-left:7%}
.no-flexbox .footer .right{float:right}
.no-flexbox .index-page .box3 .center a{display:inline-block}
.no-flexbox .index-page .box5 a{display:inline-block;font-size:14px}
.no-flexbox .index-page .box5 ._flexbox{font-size:0}
.no-flexbox .center-page .box1 ._flexbox{position:relative}
.no-flexbox .footer>._flexbox{overflow:hidden}
.no-flexbox .index-page .middle.box .content{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.no-flexbox .index-page .middle.box.box1 .content{height:636px}
.no-flexbox .courses-page .box1 .item{display:inline-block}
.no-flexbox .courses-page .box1 .item+.item{margin-left:33px}
.no-flexbox .courses-page .box1 .item:nth-child(4n+1){margin-left:0}
.no-flexbox .courses-page .box1 .list{font-size:0}
.no-flexbox .case ul li{float:left}
.no-flexbox .case ul li+li{margin-left:1.25%}
.no-flexbox .case ul li:nth-child(3n+1){margin-left:0}
.no-flexbox .case ul{overflow:hidden}
.no-flexbox .contact_box .r{float:left}
.no-flexbox .contact_box .l{float:left}
.contact_box .r{width:45%}
.no-flexbox .contact_box{overflow:hidden}
.no-flexbox .contact_box .r ul li .txt{width:auto}
.no-flexbox .contact_box .r ul li>*{display:inline-block;vertical-align:middle}
.no-flexbox .active.header-box .header ul{vertical-align:top}
.no-flexbox .header .right>*{display:inline-block}
.no-flexboxlegacy .index-page .box.middle .content{width:100%;padding:0 -webkit-calc(50% - 600px);padding:0 -moz-calc(50% - 600px);padding:0 calc(50% - 600px)}
.no-flexboxlegacy .index-page .box3.box.middle .content{padding:0 65px}
.index-page .banner{position:relative;height:350px;overflow:hidden;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.index-page .banner .bg{position:absolute;z-index:1;width:100%;left:0;top:0;height:100%;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.index-page .banner .bg.bg1{-webkit-filter:blur(1px);filter:blur(1px)}
#scene{position:relative;z-index:2;height:100%}
.index-page .banner .mask{position:absolute;width:100%;height:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;z-index:2}
.index-page .banner .mask.mask1{background-image:url(../images/indextext.png)}
.index-page .banner .mask.mask2{background-image:url(../images/indextext1.png);z-index:3}
.index-page .banner .down{position:absolute;left:50%;bottom:25px;margin-left:-38px;z-index:6;cursor:pointer;-webkit-filter:drop-shadow(0 5px 10px rgba(0, 0, 0, .3));filter:drop-shadow(0 5px 10px rgba(0, 0, 0, .3))}
.index-page .box1{height:100vh;color:#fff;background-image:url(../images/about_bg.png);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.index-page .box{height:auto;overflow:hidden;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; padding: 50px 0px;}
.index-page .box2{background-image:url(../images/indexbox3.jpg);color:#fff}
.index-page .box3{background-color:#f5f9fd;}
.news-page .banner{height:auto;}
.header-box{position:fixed;width:100%;padding:0px 0px 0px;z-index:10;background-color:#fff;font-size:16px}
.header-box.active{padding-top: 0;}
.header-box.active .header_pd .logo{width:455px}
.header-box.active .header_pd{padding:10px 40px 10px;}
.header>._flexbox{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}
.header ul{padding: 0px 40px;}
.header-box.active .header_pd ul{padding-top:20px}
.header-box.active .header_pd .mb{padding:0 0 0 50px}
.nav{
	background: #064b74;
	max-width: 1300px;
	margin: 0 auto;
}
.header ul li{line-height:60px;height:60px;position:relative;padding:0 0px;font-weight:bold;font-size:18px}
.center-page .box1 .common-width .commonT{color:#222222;font-size: 36px; font-weight: bold;}
#bg{position:fixed;width:100vw;height:100vh;z-index:3;left:0;top:0;pointer-events:none;opacity:.5}
#canvas{position:relative;width:100%;height:100%;pointer-events:none}
.header ul li a{display:block;padding:0 50px;position:relative; color: #fff;z-index: 1;}
/* .header ul li+li{border-left:1px solid #f4a948} */
.header ul li a::before{content:'';position:absolute;width:0%;height:60px;background-color:#003250;left:0;bottom:-5px;z-index:-1;bottom: 0; -webkit-transition-duration: .35s;}
.header ul li.active a::before,.header ul li:hover a::before{ width: 100%;}
.header .mb{margin-left:35px;position:relative;padding:7px 0 7px 50px; background: url(../images/tel_icon.png) no-repeat left center;background-size:32px 32px;}
.header .mb .iconfont{font-size:24px;display:inline-block;vertical-align:bottom;margin-right:10px}
.header .mb p{color:#999999;line-height:24px;font-size: 14px;}
.case.news2 ul li .img img{width:100%}
.header .mb a{font-size:24px;color:#222222;font-family:'黑体';display:block}
.solu_list ul li .thum .img img{width:100%}
.case ul::after{width:32.5%;content:'';display:block}
.footer{padding:0;background-color:#003250;}
.footer .qr{text-align:center;width:136px}
.footer .qr p{line-height:26px}
.footer .center{padding-top:24px;padding-left: 24px;}
.footer .center .iconfont{display:inline-block;vertical-align:baseline;margin-right:5px}
.footer .center ._flexbox{font-size:16px;margin-bottom:20px}
.footer .center ._flexbox a{display:block;color: #ffffff;}
.footer>._flexbox{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}
.footer .center ._flexbox a+a{margin-left:45px}
.footer .addr{margin-bottom:5px}
.footer .right .logo{display:block;padding-bottom:20px;border-bottom:1px solid rgba(55,55,55,.3);margin-bottom:18px}
.footer .right .logo img{position:relative;margin-left:auto;margin-right:0}
.footer .right .shuwon{margin-left:10px}
.footer .right p{padding-left:30px}
.copyright {line-height: 50px;text-align: center;color: #cccccc;font-size: 12px; border-top: 1px solid #3e6175;}
.footer_nav{ max-width: 1200px;  margin: 0 auto;}

.zxkf{width:60px; position:fixed; right:0; top:50%; margin-top:-80px; z-index:99999;}
.zxkf .dh{margin-bottom:2px; background-color:rgba(0,0,0,.7); width:60px; height:60px; float:right; overflow:hidden;
 transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .dh:hover{background-color:rgba(0,0,0,.7); width:210px;}
.zxkf .dh .tp{float:left; width:60px; padding-top:30px; height:60px; background:rgba(0,0,0,.5) url(../images/d_h.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .dh:hover .tp{background:#0769ce url(../images/d_h.png) no-repeat center 10px;}
.zxkf .dh .wz{font-size:20px; color:#fff; font-family:Arial; line-height:60px; float:left; margin-left:10px;}
.zxkf .qq{margin-bottom:2px; background-color:rgba(0,0,0,.7); width:60px; height:60px; float:right; overflow:hidden; transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .qq:hover{background-color:rgba(0,0,0,.7); width:150px;}
.zxkf .qq .tp{float:left; width:60px; padding-top:30px; height:60px; background:rgba(0,0,0,.5) url(../images/q_q.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .qq:hover .tp{background:#0769ce url(../images/q_q.png) no-repeat center 10px;}
.zxkf .qq .wz{font-size:14px; color:#fff; line-height:60px; float:left; margin-left:10px;}
.zxkf .qq .wz a{color:#fff;}
.zxkf .wb{margin-bottom:2px; background-color:rgba(0,0,0,.7); width:60px; height:60px; float:right; overflow:hidden; transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .wb:hover{background-color:rgba(0,0,0,.7); width:150px;}
.zxkf .wb .tp{float:left; width:60px; padding-top:30px; height:60px; background:rgba(0,0,0,.5) url(../images/w_b.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .wb:hover .tp{background:#0769ce url(../images/w_b.png) no-repeat center 10px;}
.zxkf .wb .wz{font-size:14px; color:#fff; line-height:60px; float:left; margin-left:10px;}
.zxkf .wb .wz a{color:#fff;}
.zxkf .wx{margin-bottom:2px; background-color:rgba(0,0,0,.7); width:60px; height:60px; float:right; position:relative; transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .wx:hover{background-color:#0769ce;}
.zxkf .wx .tp{float:left; width:60px; padding-top:30px; height:34px; background:url(../images/w_x.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}
.zxkf .ewm{position:absolute; width:120px; border:1px solid #e7e7e7; left:-125px; bottom:0; display:none;}
.zxkf .ewm img{width:100%; height:auto; display:block;}
.zxkf .wx:hover .ewm{display:block;}
.zxkf .fh{margin-bottom:10px; background-color:#165d84; width:60px; height:60px; float:right; position:relative; cursor:pointer; display:none;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .fh:hover{background-color:#047b3e;}
.zxkf .fh .tp{float:left; width:60px; padding-top:30px; height:30px; background:url(../images/f_h.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}

.footer_nav ul{
	display:block;
	margin-right: 124px;
	float:left;
	height:auto;
	overflow:hidden;
	margin-top: 15px;
}
.footer_nav ul li{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
.footer_nav ul li a{
	display:block;
	float:left;
	height:22px;
	font-size:16px;
	line-height:22px;
	
	margin-bottom: 12px;
	transition-duration:0.2s;
}
.blods{ font-weight: bold;}
.footer_nav ul li a.clors{ font-size: 13px; color: #adadad; margin-bottom: 0;}
.footer_nav ul li a.h1{
	display:block;
	float:left;
	height:36px;
	font-size:22px;
	line-height:36px;
    font-weight: bold;
	color:#fff;
}
.footer_nav ul li a.h2{color:#cccccc!important;
}
.footer_nav ul li a:hover{
	color:#f6f6f6;
}
.footer .right{ margin-top: 25px; padding-left: 64px; border-left: 1px solid #3e6175;}
.footer .right ul{ margin: 0;margin-top: 15px; float: none;}
.footer .right em{ display: block;font-size: 16px; color: #ffffff; font-style: normal;}
.copyright a:hover {color: rgba(0, 0, 0, 1);}

.index-page .box .content{width:1200px;position:relative;margin:0 auto;z-index:4}
.index-page .box.middle{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}
.dot{position:relative;width:450px;height:1px;background-color:#fff}
._flexbox.between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:center;-moz-box-pack:justify;justify-content:center}
._flexbox.around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}
._flexbox.middle{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}
.index-page .box1 .first img{margin-top:-30px}
.dot::before{content:'';position:absolute;width:7px;height:7px;background-color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;left:0;top:-3px}
.dot.right::before{left:auto;right:0}
.index-page .box1 .secend .n span{font-family:dinpro;font-size:120px;margin-right:20px;display:inline-block;line-height:100px}
.index-page .box1 .secend .n{font-size:40px;position:relative;line-height:1;margin-bottom:5px}
.index-page .box1 .secend .n::before{content:'+';position:absolute;font-size:50px;line-height:30px;top:-15px;right:0;display:block;width:40px;text-align:center}
.index-page .box1 .secend{position:relative;z-index:3;font-size:30px;padding-bottom:20px;margin-top:60px;margin-bottom:60px}
.index-page .box1 .secend::before{content:'';position:absolute;width:100%;height:125px;background-color:#f4a948;left:0;bottom:0;z-index:-1}
.index-page .box1 .secend .n+p{font-weight:700;padding-left:30px}
.index-page .common-t{font-size:40px;font-weight:bold;}
.index-page .box1 .four{font-size:18px;text-align:center;line-height:1.8}
.fitee{ padding: 50px 150px 0;}
.fitee span{ display: block ;text-align: center; background: rgba(170,187,199,0.75); font-size:30px; color:#003250; padding: 20px; width: 116px; border-radius: 50%;  line-height: 38px;   font-weight: bold;}
.ej_lm{float:right; position: absolute; right: 0; top: 14px;}
 .ej_lm ul li{float:left; margin-left:20px;}
 .ej_lm ul li:first-child{ margin-left: 0;}
 .ej_lm ul li a{min-width:120px; height:45px; text-align:center; color: #333333; line-height:45px; font-size:16px; border-radius: 8px; background: #eeeeee; display:block; padding:0 15px;}
 .ej_lm ul li a:hover{color:#fff; background-color:#064b74; font-weight: bold; }
 .ej_lm ul li a.on{color:#fff; background-color:#064b74;  font-weight: bold; }

.pagediv {
	text-align:center;
	padding: 25px 0;
	color:#999999;
}
.pagediv a {
	text-decoration:none;
}
.pagediv span,.pagediv a {
	display:inline-block;
	box-sizing:border-box;
	font-size:13px;
}
span.disabled {
	height:35px;
	width:65px;
	line-height:35px;
	background:#f2f2f2;
	margin:0 5px;
}
.current {
	color:#3675d3;
	height:30px;
	line-height:30px;
	margin:0 5 px;
	padding:0 10px;
	border-radius:3px;
}
.Pagenum {
	color:#333333;
	background:#FFFFFF;
	padding:0 10px;
	height:30px;
	line-height:30px;
	border-radius:3px;
	font-size:13px;
	border:1px solid #e5e5e5;
	margin:0 5px;
}
.nextbtn,.prebtn {
	color:#999999;
	background:#fbfbfb;
	padding:0 10px;
	border-radius:3px;
	font-size:13px;
	height:30px;
	line-height:30px;
	border:1px solid #e5e5e5;
}
.prebtn .icon-toLeft {
	font-size:13px;
	font-weight:bold;
}
.nextbtn .icon-jiantou-copy {
	font-size:13px;
	font-weight:bold;
}
.pageinput {
	width:42px;
	height:30px;
	line-height:30px;
	text-align:center;
	box-sizing:border-box;
	border:1px solid #dfdfdf;
	margin:0 12px;
	border-radius:3px;
}
.pageokbtn {
	padding:0 10px;
	height:30px;
	line-height:30px;
	background:#3675d3;
	font-size:13px;
	border-radius:3px;
	color:#ffffff!important;
}


 .zpxjh1 { width:100%; font-size:18px; color:#FFFFFF}
 .zpxjh1 th,.zpxjh1 td{text-align:center;border-right:1px solid #eee;}
 .zpxjh1 th{padding: 12px 5px;}
 .zpxjh1 td{padding:20px 5px;}
 .zw{ line-height:30px; padding:16px 0; min-height:350px;color:#555555; font-size:15px;}
 .zpxjh1 td{ color: #333; font-size: 14px;}
 .zw a:link{ color:#555555; }
.zpxjh1 th:nth-child(1){width:8%;}
.zpxjh1 th:nth-child(2){width:12%;}
.zpxjh1 th:nth-child(3){width:50%;}
.zpxjh1 th:nth-child(4){width:10%;}
.zpxjh1 th:nth-child(5){width:10%;}
.zpxjh1 th:nth-child(5){width:10%;}


.foot_code img{width: 77px;}
.foot_code{ display: flex;justify-content: left;align-items: center; margin-top: 18px;}
.foot_code i{ display: block; font-style: normal; font-size: 14px; color: #cccccc; margin-left: 22px;}
.index-page .box1 .third{margin-bottom:20px}
.more{position:relative;width:280px;line-height:50px;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#064b74;color:#222;margin:0 auto;cursor:pointer;font-size:16px}
.index-page .box1 .more{color:#ffffff;margin-top:60px}
.no-touch .more:hover{-webkit-box-shadow:0 5px 10px rgba(55,55,55,.3);-moz-box-shadow:0 5px 10px rgba(55,55,55,.3);box-shadow:0 5px 10px rgba(55,55,55,.3)}
.index-page .box2 .c{width:750px;height:750px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 auto;position:relative}
.index-page .box2 .circle{position:relative}
.index-page .box2 .ctrl{position:absolute;left:80px;top:50%;margin-top:-33px;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:10}
.index-page .box2 .ctrl.right{left:auto;right:80px}
.no-touch .index-page .box2 .ctrl:hover{-webkit-box-shadow:2px 5px 20px rgba(55,55,55,.5);-moz-box-shadow:2px 5px 20px rgba(55,55,55,.5);box-shadow:2px 5px 20px rgba(55,55,55,.5)}
.cr{position:absolute;width:100%;height:100%;left:0;top:0}
.dots{position:absolute;width:100%;height:100%;left:0;top:0;pointer-events:none}
.solu_list ul li .thum{float:left}
.solu_list ul li .info{float:left;height:222px}
.solu_list ul li a{overflow:hidden}
.dot_{position:absolute;width:35px;height:35px;margin-left:-18px;margin-top:-18px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#fff}
.dot_ .o{width:21px;height:21px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#f4a948;position:absolute;left:7px;top:7px;opacity:0}
.dot_ p{display:block;position:absolute;display:none;text-transform:uppercase;white-space:nowrap;font-weight:700;font-size:24px;position:absolute;left:45px;line-height:35px;top:0}
.index-page .box2 .c.hover{cursor:pointer}
body.hover .cr{cursor:pointer}
.dot_._active p,.dot_.active p{display:block}
.dot_._active .o,.dot_.active.hover .o{opacity:1}
.dot_.left p{left:auto;right:45px}
.index-page .box2 .text{text-align:center;width:500px;height:500px;margin:0 auto;font-size:18px;position:absolute;top:50%;margin-top:-250px;left:50%;margin-left:-250px;z-index:8;padding:70px 0 0;-webkit-perspective:500;-moz-perspective:500;perspective:500}
.index-page .box2 .text .name{font-size:30px;text-transform:uppercase;margin-top:45px;margin-bottom:15px}
.index-page .box2 .text .info{line-height:1.6;height:168px}
.index-page .box2 .text .more{color:#167de5}
.index-page .box2 .list{line-height:40px;font-size:16px;text-align:center;margin-top:80px;display:none}
._flexbox.center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}
.index-page .box2 .list .item{padding:0 20px;cursor:pointer;text-transform:uppercase}
.index-page .box2 .list .item+.item{margin-left:20px}
.index-page .box2 .list .item.active{background-color:#fff;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;color:#167de5}
/* .index-page .box3 .content{padding:0 65px;width:100%} */
.index-page .box3 .common-t{text-align:center;color:#064b74;margin-bottom:40px}
.index-page .box3 .common-t span,.index-page .box5 .common-t span{ font-size: 18px; color: #8d9da6; display: block;font-weight: normal; line-height: 36px;}
.index-page .box3 .common-t.zzbm{ cursor: pointer;}
.index-page .box3 a{display:block;width:-webkit-calc((100% ));width:-moz-calc((100% ));width:calc((100% ));background-color:#fff;position: relative;overflow: hidden; border-radius: 4px; -webkit-transition-duration: .35s;}
.index-page .box3 a:hover{ -webkit-box-shadow:0 5px 15px rgba(55,55,55,.25);-moz-box-shadow:0 5px 15px rgba(55,55,55,.25);box-shadow:0 5px 15px rgba(55,55,55,.25)}
.index-page .box3 a .img-box img{opacity:0}
.index-page .box3 a .img-box{background-position:center center;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%}
.index-page .box3 a+a{margin-left:25px}
.index-page .box3 .text img{position:absolute;top:-41px;left:50%;margin-left:-41px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}
.index-page .box3 .text{position:absolute;font-size:15px;line-height:1.6; bottom: 0;  width: 100%;  background:rgba(6,75,116,0.55); }
.no-touch .index-page .box3 .text img:hover{-webkit-box-shadow:0 0 20px #a36f2b;-moz-box-shadow:0 0 20px #a36f2b;box-shadow:0 0 20px #a36f2b}
.index-page .box3 .text .title{font-size:17px;color:#fff;font-weight:500;line-height:1.5;height:46px;overflow:hidden; line-height: 46px;padding:0px 10px 0px; text-align: center;}
.index-page .box3 .more_{width:100%;background-color:#fff;height:120px;text-align:center;padding-top:41px;margin-top:80px;cursor:pointer}
.index-page .box3 .more_ img{display:inline-block}
.index-page .box4 .item{overflow:hidden}
.index-page .box4 .item>div{width:50%;position:relative}
.index-page .box4 .item .text{width:500px;position:absolute;z-index:5;right:10%;top:50%;text-align:center;color:#fff;font-size:18px;line-height:26px;margin-top:-132px}
.index-page .box4 .item .left.r .text{left:10%;right:auto}
.index-page .box4 .item .left{z-index:3}
.index-page .box4 .item .left::before{content:'';position:absolute;width:-webkit-calc(100% + 34px);width:-moz-calc(100% + 34px);width:calc(100% + 34px);height:100%;background-image:url(../images/index_box5_img1.png);z-index:-1;background-repeat:no-repeat;background-position:right center;left:0;top:0}
.index-page .box4 .item .left.r::before{background-image:url(../images/index_box5_img4.png);background-position:left center;left:auto;right:0}
.index-page .box4 .title{font-size:30px;height:100px;overflow:hidden;line-height:50px;margin-bottom:40px}
.index-page .box4 .more{margin-top:50px;color:#167de5}
.index-page .box5 .common-t{text-align:center;color:#064b74;margin-bottom:60px}
/* .index-page .box5 .content{padding-top:0%;width:90%} */
.index-page .box5 a{width:-webkit-calc((100% - 26px)/ 2);width:-moz-calc((100% - 26px)/ 2);width:calc((100% - 26px)/ 2);     -webkit-transition-duration: .35s;  padding: 20px;  margin-bottom: 20px;  display: flex;text-align:justify; border: 1px solid #eeeeee; border-radius: 6px;}
.index-page .box5 a .img-box{background-position:center center ;border-radius: 8px; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;  width: 185px;}
.index-page .box5 a .img-box img{opacity: 0;width: 100%;}
.index-page .box5 .img_txts{width:calc((100% - 185px));margin-left: 20px;}
.index-page .box5 a:nth-child(2n){margin-left:26px}
.index-page .box5 .time{font-size:16px;color:#999999;line-height:24px;margin-bottom:16px;position:relative}
.index-page .box5 .line{height:2px;margin-bottom:20px;background-color:#f4a948;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.index-page .box5 .title{font-size:20px;color:#333;font-weight:700;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s; height: 30px; margin-bottom: 6px;}
.index-page .box5 .info{height:46px;overflow:hidden;margin-top:26px;margin-bottom:10px;line-height:23px;font-size: 16px; color: #999999;}
.index-page .box5 .more{margin-top:15px;color:#fff;background-color:#064b74}
.index-page .box5 a:hover{ -webkit-box-shadow:0 5px 15px rgba(55,55,55,.25);-moz-box-shadow:0 5px 15px rgba(55,55,55,.25);box-shadow:0 5px 15px rgba(55,55,55,.25)}
/* .index-page .box5 ._flexbox{position:relative}
.index-page .box5 ._flexbox::before{content:'';position:absolute;width:200%;height:1px;background-color:rgba(55,55,55,.15);left:-50%;top:44px;z-index:-1} */
.index-page .box5 .time span{position:absolute;line-height:24px;display:block;padding-left:20px;border-left:1px solid rgba(55,55,55,.1);color:rgba(55,55,55,.3);top:0;right:35px;opacity:0;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.no-touch .index-page .box5 a:hover .line{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}
.no-touch .index-page .box5 a:hover .time span{right:15px;opacity:1}
.no-touch .index-page .box5 a:hover .title{color:#f4a948}
._flexbox.wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.index-page .box5 ._flexbox {
    justify-content: flex-start;
}
.index-page .box5 ._flexbox a:nth-child(2n+1) {
    margin-left: 0;
}
.news-page .box5 a{width:-webkit-calc((100% - 0px));width:-moz-calc((100% - 0px));width:calc((100% - 0px)); }

.met_tools {border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;}
.met_tools .met_page {clear: both;color: #818181;}
.met_tools .met_page li {display: inline-block;list-style: none;margin-right: 30px;}
.met_tools .met_page li:last-child{margin-right: 0;float: right;}
.met_tools .met_page li span {padding-right: 5px;}
.met_tools .met_page a {color: #0455b7;}
.Content { padding-top: 40px;}
.job_detail{ padding-bottom: 50px;}
.job_detail h1.title{font-size:24px;padding-bottom:20px; color: #333333; font-weight: normal;}
.job_detail h1.title span{position: relative; z-index: 6; padding: 0 4px;font-size: 30px; color: #333333; font-weight: bold;}
.job_detail h1.title span:after{ position: absolute; left: 50%; bottom: 0;transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; height: 6px; z-index: -1; content: ''; background: #cddafa;}

.job_detail .content h4{height:26px;line-height:26px;text-align:left; font-size: 14px; color: #666; font-weight: bold;}
.job_detail .content div.text{padding-top:10px;padding-right:8px;}
.job-title .job-send { padding: 9px 27px; border-radius: 4px; display: inline-block; font-size: 14px; color: #fff;background: linear-gradient(to right,#064b74 ,#064b74); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #064b74, endColorstr = #064b74);  }


.crop a{display:block;width:-webkit-calc((100% - 100px)/ 5);width:-moz-calc((100% - 100px)/ 5);width:calc((100% - 100px)/ 5);float:left;margin-top:10px;text-align:center}
.index-page .box3 .text .addr,.index-page .box3 .text .time{max-height:48px;overflow:hidden}
.crop .list{overflow:hidden;margin-top:20px}
.crop a+a{margin-left:20px}
.crop a:nth-child(5n+1){margin-left:0}
.crop a span{height:100px;position:relative;display:inline-block;vertical-align:middle;width:100%}
.crop a img{margin:0 auto;max-width:100%;max-height:100%;display:inline-block;vertical-align:middle;position:relative;top:50%;transform:translateY(-10%)}
.index-page .box.box6{height:auto;padding-bottom:120px}
.common.crop a{margin-top:60px}
.common.crop{padding:65px 0 80px}
.crop a p{font-size:15px;color:#222;margin-top:10px;font-weight:700;height:40px}
.crop .common-t{text-align:center;color:#000}
.mbx{color:#333333;line-height: 70px; font-size: 14px; position: relative;  }
.mbx i{width: 16px;height:15px;display: inline-block;background: url(../images/home.png)no-repeat center center;vertical-align: middle;margin-bottom: 3px;}
.mbx a{color:#333333;}
.commonT{font-size:34px;font-weight:700;text-align:center;color:#222}
.common-width{position:relative;max-width:1200px;margin:0 auto}
.center-page .box1 .common-width{color:#666666;padding:50px 0px 20px;font-size:18px;position:relative}
.center-page .box{position:relative;text-align:center}
.center-page .box1 .text{margin-top:30px;line-height:1.8;text-align: left;}
.center-page .box1 .text p+p{margin-top:15px}
.center-page .box2 .text{margin-top:20px;line-height:1.8;font-size:16px}
.center-page .box2{padding-bottom:105px}
.center-page .box3{padding:0px 0 75px}
.center-page .box3 .commonT{margin-bottom:60px}
.courses-page .box1{padding:120px 8.5% 80px}
.courses-page .box1 .item{width:-webkit-calc((100% - 100px)/ 4);width:-moz-calc((100% - 100px)/ 4);width:calc((100% - 100px)/ 4);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;text-align:center}
.courses-page .box1 .item .img-box{background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.courses-page .box1 .item:nth-child(n+5){margin-top:55px}
.courses-page .box1 a.item p{line-height:30px;font-size:20px;padding:20px;background-color:#f4f4f4;text-transform:uppercase;font-weight:700}
.courses-page .box1 .item.title{text-align:left;font-size:16px}
.courses-page .box1 .item.title .commonT{text-align:left}
.courses-page .box1 .item.title .line{width:60px;height:1px;background-color:#f4a948;margin:20px 0}
.courses-page .box1 .item.title p{line-height:1.8}
.detail .box3{max-width:1400px;margin:0 auto;padding-top:10px;padding-bottom:10px}
.detail .box2{width:1000px;background-color:#fff;padding:10px 10px}
.detail .box1{width:430px;padding:40px 30px;background-color:#fff;-ms-flex-item-align:start;-webkit-align-self:flex-start;align-self:flex-start}
.detail{background-color:#fafafa}
.detail .box1 .title{font-size:30px;font-weight:700;color:#222;margin-bottom:25px;line-height:30px;border-left:5px solid #ffc375;padding-left:15px}
.index-page .box.box4{height:auto;min-height:unset}
.case.news2 ul li .news2_des p{overflow:hidden}
.index-page .box.box4 .item{height:50vh}
.detail .box1 .img-box+.title,.detail .box1 a+.title{margin-top:35px}
.detail .box1 .list a+a{margin-top:20px}
.detail .box1 .list a{display:block;width:100%}
.detail .box2 .title{font-size:30px;font-weight:700;color:#222;margin-top:25px;margin-bottom:10px; text-align: center;}
.detail .box2 .info{line-height:1.6;font-size:16px;text-align: center;}
.detail .box2 .text-box img{margin:0 auto;position:relative}
.detail .box2 .text-box{font-size:16px;line-height:1.7;padding-bottom:0px;border-top:1px dashed #999;padding-top:40px;margin-top:40px;overflow:hidden; }
.detail .box2 .text-box p{ margin-bottom: 15px;}
.detail .share{background-color:#f5f5f5;color:#999;font-size:16px;padding:8px 10px;margin:20px 0;display:none}
.detail .share span{display:inline-block;vertical-align:middle;width:36px;height:36px;-webkit-border-radius:36px;-moz-border-radius:36px;border-radius:36px;border:1px solid #999;line-height:34px;text-align:center;font-size:20px;cursor:pointer;margin-left:8px}
.teach .box1 .text{line-height:1.7;font-size:16px;margin-bottom:30px}
.teach .box1 .list_ p{background:0 0}
.courses-page.teach .box1 a.item p{background:0 0;padding:0;font-size:16px;font-weight:400;text-align:left}
.courses-page.teach .box1 a.item p span{display:inline-block;width:17px;height:17px;color:#fff;background-color:#167de5;line-height:17px;font-size:15px;text-align:center;margin-right:5px}
.courses-page.teach .box1 a.item p:first-of-type{width:250px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;float:left}
.courses-page.teach .box1 a.item p.time{float:right;opacity:.3}
.courses-page.teach .box1 .item{display:block;width:100%;overflow:hidden;margin-top:10px}
.courses-page.teach .box1 .item:nth-child(n+5){margin-top:10px}
.case.news2 ul li .news2_des p{font-size:14PX}
.case.news2 ul li .news2_des b{font-weight:700}
.pages a{background-color:#ffdcaf;color:#222}
.no-touch .pages a:hover,.pages a.active{background-color:#f4a948}
.no-touch .case.news2 ul li:hover .news2_des,.no-touch .case.news2 ul li:hover .news_time{background-color:#f4a948}
.case.news2 ul li .news_time{background-color:rgba(0,0,0,.3)}
.title-box{text-align:center;color:#999;margin:70px 0 50px}
.title-box .line{width:50px;height:2px;background-color:#f4a948;margin:10px auto}
.case_cat a{font-weight:700}
.teach-page .case_cat a{font-weight:400}
.case_cat a.active,.no-touch .case_cat a:hover{background-color:#f4a948;color:#fff}
.solu_list .time{position:absolute;line-height:30px;padding:0 10px;background-color:rgba(55,55,55,.7);color:#fff;right:0;bottom:0;z-index:3}
.no-touch .backTop:hover{background-color:#222}
.no-touch .solu_list ul li .more:hover{background-color:#f4a948;border-color:#f4a948}
.solu_list ul li a{display:block;width:100%}
.solu_list ul li .info .des{font-size:14px;height:48px;overflow:hidden}
.solu_list ul li .info .title{font-weight:700}
.no-touch .case ul li:hover .title{background-color:#f4a948}
.case ul li .thum .icon{background-color:#f4a948}
.solu_list ul li .info{padding:25px}
.contact_box .r ul li .txt{font-weight:700}
.newsDetail .detail .box2 .title{margin-top:0}
.newsDetail .detail .box2{padding-top:25px}
.newsDetail .detail .box1{padding-top:30px}
.banner.common{position:relative;}
.banner.common img{opacity:.9}
.hide{ display: none;}

.index-slide-item .swiper-container {
	width:100%;
	max-width: 100%;
	height:100%;
	max-height: 100%;
}
.index-slide-item .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    overflow: hidden;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position:relative;
}


@media only screen and (max-width:1760px){
/* .header .mb{padding:0}
.header-box.active .header .mb{padding-left:0} */
.header-box .logo{width:445px}
.header ul{padding-top:0px}
.header-box{padding:0}
.container{padding-top:176px}
.index-page .banner{height:350px;}
.news-page .banner{height:auto;}
.header .mb .iconfont{font-size:18px}
.header .mb a{font-size:20px}
.header ul li{font-size:17px}
.commonT{font-size:28px}
.courses-page .box1 a.item p{font-size:18px}
}
@media only screen and (max-width:1500px){
.header ul li{font-size:15px;padding:0 8px;font-weight:400}
.header .mb{margin-left:50px; padding-left: 40px;}
.commonT{font-size:26px}
.center-page .box1 .common-width .commonT{ font-size: 26px;}
.courses-page .box1 .item{width:-webkit-calc((100% - 50px)/ 4);width:-moz-calc((100% - 50px)/ 4);width:calc((100% - 50px)/ 4)}
.courses-page .box1 ._flexbox .item+.item{margin-left:calc(50px / 3)}
.courses-page .box1 ._flexbox .item:nth-child(4n+1){margin-left:0}
.courses-page .box1 .item:nth-child(n+5){margin-top:calc(50px / 3)}
.courses-page .box1 a.item p{padding:10px;font-size:16px}
.courses-page .box1{padding:60px 8.5%}
.footer .center ._flexbox a+a{margin-left:25px}
.footer .right .logo img{width:280px}
.footer .right{width:41%}
.footer .right p{padding-left:0;text-align:right}
.footer .right .shuwon{display:block}
.backTop{right:30px}
.case ul li{width:24.2%;margin-left:.4%;margin-right:.4%}
.case ul{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start}
.footer .qr{width:110px}
.index-page .box2 .c{width:650px;height:650px}
.index-page .box2 .text .name{font-size:24px;font-weight:700}
.index-page .common-t{font-size:36px}
.index-page .box2 .text{width:450px;height:auto;padding-top:0;margin-left:-225px;margin-top:-159px}
.index-page .box2 .text .info{line-height:25px;height:100px;font-size:16px;margin-bottom:30px}
.index-page .box3 .more_{height:90px;padding-top:28px;margin-top:55px}
.index-page .box3 .more_ img{width:30px}
.index-page .box{height:auto;}
.index-page .box1 .secend .n span{font-size:100px;line-height:90px}
.index-page .box1 .secend .n{font-size:28px}
.index-page .box1 .secend .n::before{font-size:40px;width:28px}
.index-page .box1 .secend .n+p{font-size:26px}
.index-page .box1 .secend::before{height:100px}
.index-page .box.box2{padding:60px 0}
.index-page .box.box3{padding:60px 0}
.index-page .box5 a{width:-webkit-calc((100% - 26px)/ 2);width:-moz-calc((100% - 26px)/ 2);width:calc((100% - 26px)/ 2)}
.index-page .box5 a+a{margin-left:30px}
.news-page .box5 a{width:-webkit-calc((100% - 0px));width:-moz-calc((100% - 0px));width:calc((100% - 0px))}
.index-page .box5 .time{font-size:18px;font-weight:700;margin-bottom:10px}
.index-page .box5 ._flexbox::before{top:35px}
.index-page .box5 .line{margin-bottom:13px}
.header ul li.active a::before{height:10px;bottom:0}

.detail .box1 .title{font-size:24px}
.detail .box1{width:350px;padding:30px}
.detail .box2{width:820px;padding:30px}
.courses-page.teach .box1 a.item p.time{display:none}
.courses-page.teach .box1 a.item p:first-of-type{width:100%}
.index-page .box.box1{padding:80px 0}
}
@media only screen and (max-width:1400px){
/* .header .mb{position:relative;margin-left:20px;background-color:#fff;font-size:0;-webkit-text-size-adjust:none;width:40px;height:40px;background-color:#167de5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#fff;cursor:pointer;margin-top:5px}
.header .mb a{position:absolute;margin:0;white-space:nowrap;right:0;top:40px;display:none;padding:5px;background-color:#fff}
.header .mb p{height:40px;overflow:hidden}
.header .mb .iconfont{margin-right:0;font-size:18px;color:#fff;display:block;text-align:center;line-height:40px}
.header ul{padding-top:15px}
.no-touch .header .mb:hover a{display:block}
.dot_{width:29px;height:29px;margin-left:-15px;margin-top:-15px}
.dot_ .o{width:15px;height:15px}
.dot_ p{line-height:29px;font-size:20px} */
}
@media only screen and (max-width:1300px){
.header-box .right{position:fixed;width:100vw;height:100vh;-ms-touch-action:none;touch-action:none;z-index:30;left:0;top:0;display:none;background-color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}
.menuBtn{display:block}
.header-box .right.show{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex}
.header-box,.header-box.active{height:65px;position:fixed;-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);-moz-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2);padding:10px 3vw}
.header-box .logo img{height:45px}
.header-box .logo{position:fixed;left:3vw;top:10px;z-index:50}
.header-box .right ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}
.header-box .right ul li{font-weight:700;font-size:20px;text-align:center;opacity:.7}
.header ul li+li{border:none;margin-top:30px}
.header-box .right ul li.active{font-size:24px;opacity:1}
.header-box .right ul li a{ color: #333;}
.header-box.active .header ul{padding-top:0}
.header .mb a{display:block;position:relative;top:auto;font-family: dinpro;}
.header .mb{margin-left:0;margin-top:5vh;width:auto;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}
.header .mb .iconfont{width:40px;display:block;background-color:#167de5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-right:10px}
.ej_lm{ position: inherit; float: none; top: 0;    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;}
.ej_lm ul li{ margin-bottom: 12px;    margin-right: 10px; margin-left: 0;}


.news-page .box{ padding: 32px 0;}


.mbx { line-height: 50px;}
.header ul li a{padding: 0 20px;}
.courses-page .box1{padding:60px 3vw}
.index-page .box .content{width:94vw}
.common-width{width:94vw}
.container{padding-top:65px}
}
@media only screen and (max-device-width:1024px){
.footer .center ._flexbox{display:none}
.footer .right .logo{display:none}
.footer>._flexbox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}
.footer .right{width:100%;text-align:left;    margin: 0; padding: 20px; padding-top: 0;}
.footer .right .info p{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;padding-top:15px;border-top:1px solid rgba(0,0,0,.2);margin-top:30px}
.footer{padding-top:10px;}
.copyright{ line-height: normal; padding: 8px ;}

}
@media only screen and (max-device-width:1024px) and (max-device-height:1366px){
    
.index-page .banner{height:50vh}
.index-page .banner .down{display:none}
.index-page .banner .mask.mask1{-webkit-background-size:60% auto;-moz-background-size:60% auto;-o-background-size:60% auto;background-size:60% auto}
.index-page .banner .mask.mask2{-webkit-background-size:80% auto;-moz-background-size:80% auto;-o-background-size:80% auto;background-size:80% auto}
.index-page .box{min-height:unset}
.index-page .box1 .secend .n span{font-size:80px;line-height:70px}
.index-page .box1 .secend .n+p{font-size:22px}
.index-page .box1 .secend::before{height:94px}
.dot{width:39%}
.common-t,.index-page .common-t{font-size:30px}
.dot_._active p,.dot_.active p{display:none}
.index-page .box2 .ctrl{left:0}
.index-page .box2 .ctrl.right{right:0}
.index-page .box3 .content{padding:0}
.index-page .box3 .more_{height:65px;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;padding:0;margin-top:30px}
.index-page .box3 .more_ img{width:20px}
.index-page .box5 a+a{margin-left:20px}
.index-page .box5 a{width:-webkit-calc((100% - 0px)/ 2);width:-moz-calc((100% - 0px)/ 2);width:calc((100% - 0px)/ 2)}
.news-page .box5 a{width:-webkit-calc((100% - 0px));width:-moz-calc((100% - 0px));width:calc((100% - 0px))}
.index-page .box5 .content{padding:60px 0}
.center-page .box1 .common-width{top:auto}
.center-page .box.box1{padding:3vw 0}
.courses-page .box1 .item{width:-webkit-calc((100% - 40px)/ 3);width:-moz-calc((100% - 40px)/ 3);width:calc((100% - 40px)/ 3)}
.courses-page .box1 ._flexbox .item+.item{margin-left:20px}
.courses-page .box1 ._flexbox .item:nth-child(3n+1){margin-left:0}
.courses-page .box1 .list::after{content:'';display:block;width:-webkit-calc((100% - 40px)/ 3);width:-moz-calc((100% - 40px)/ 3);width:calc((100% - 40px)/ 3)}
.w1200{max-width:94vw}
.teach-page .box1{min-height:60vh}
.courses-page .box1 .item:nth-child(n+4){margin-top:30px}
.header ul{padding-top:0}
.detail .box3{width:100%;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.detail .box3{padding-top:0;padding-bottom:0}
.detail .box2{width:100%}
.courses-page .box1{width:100%}
.courses-page.teach .box1 a.item p.time{position:absolute;right:0;top:0;display:block}
.courses-page.teach .box1 a.item{position:relative}
.courses-page.teach .box1 a.item p:first-of-type{width:70%}
.contact_box .r{width:-webkit-calc(50% - 50px);width:-moz-calc(50% - 50px);width:calc(50% - 50px)}
.contact_box .r ul{margin-top:0}
.index-page .box3 .content ._flexbox{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
}
@media only screen and (min-device-width:600px) and (max-device-width:1024px){
.index-page .box3 a{width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex}
.index-page .box3 a+a{margin-left:0;margin-top:25px}
.index-page .box3 a .img-box{width:100%;}
.index-page .box3 .text{padding-top:0px;width:-webkit-calc(100%);width:-moz-calc(100%);width:calc(100% )}
.index-page .box3 .text img{top:auto;left:auto;right:20px;margin-top:0;margin-left:0;bottom:20px}
.footer_nav{ padding: 0 40px;}
.footer .right{ padding-left: 0; border-left: 0; margin-top: 0;}
.footer .center{ padding-top: 0;}
}
@media only screen and (max-device-width:768px) and (max-device-height:1024px) and (orientation:portrait){
	.met_tools .met_page li:last-child {
		float: none;
		margin: 10px 0 10px 0;
	}
	.center-page .box3{padding-bottom: 30px;}
    .fitee{ padding: 30px 8px 0;flex-wrap: wrap;}
    .fitee span{ margin-bottom: 18px; font-size: 18px; width: 124px;}
    .index-page .box1 .more{ margin-top: 20px;}
    .index-page .box.box1{ padding: 30px 0;}
.index-page .box3 .text img{width:60px}
.index-page .box5 a{width:100%; display: block;}
.index-page .box5 a .img-box{ width: auto;}
.index-page .box5 .img_txts{ width: auto; margin-left: 0;}
.index-page .box5 .title{ margin-top: 12px;}
.index-page .box5 a+a{margin-left:0;}
.index-page .box5 .content ._flexbox{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.index-page .box5 .info{height:23px;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.index-page .box5 ._flexbox::before{display:none}
.index-page .box5 .line{background-color:rgba(55,55,55,.15);width:100%;height:1px;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}
.index-page .box5 .time{color:#f4a948}
.more{width:120px;font-size:13px;line-height:40px}
.crop a+a{margin-left:25px}
.crop a{width:-webkit-calc((100% - 50px)/ 3);width:-moz-calc((100% - 50px)/ 3);width:calc((100% - 50px)/ 3)}
.crop a:nth-child(4n+1){margin-left:25px}
.crop a:nth-child(3n+1){margin-left:0;clear:both}
.center-page .box1 .common-width{padding:0vw 3vw 5vw}
.courses-page .box1 .item{width:-webkit-calc((100% - 2vw)/ 2);width:-moz-calc((100% - 2vw)/ 2);width:calc((100% - 2vw)/ 2)}
.courses-page .box1 ._flexbox .item+.item{margin-left:2vw}
.courses-page .box1 ._flexbox .item:nth-child(2n+1){margin-left:0}
.courses-page .box1 .item:nth-child(n+3){margin-top:3vw}
.case ul li{width:48%;margin-left:1%;margin-right:1%}
.solu_list ul li .thum{width:300px}
.solu_list ul li .info .more{display:none}
.solu_list ul li .info{width:-webkit-calc(100% - 300px);width:-moz-calc(100% - 300px);width:calc(100% - 300px);height:167px;text-align:justify}
.contact_box{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.contact_box .l{width:100%}
.contact_box .r{width:100%;margin-top:50px}
.index-page .box5 a:nth-child(2n){ margin-left: 0;}
}
@media only screen and (max-device-width:1024px) and (max-device-height:768px) and (orientation:landscape){
.index-page .banner{height:-webkit-calc(100vh - 65px);height:-moz-calc(100vh - 65px);height:calc(100vh - 65px)}
.index-page .banner .down{display:block}
.case ul li{width:31%;margin-left:1%;margin-right:1%}

}
@media only screen and (max-device-width:600px) and (orientation:portrait){
.index-page .banner{height:50vh}
.index-page .banner .down{display:block}
.case ul li{width:31%;margin-left:1%;margin-right:1%}
.index-page .banner .mask.mask2{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}
.index-page .banner .down{width:50px;margin-left:-25px}
.index-page .banner .mask.mask1{-webkit-background-size:90% auto;-moz-background-size:90% auto;-o-background-size:90% auto;background-size:90% auto}
.index-page .box1 .first img{width:80px}
.dot{width:25%}
.index-page .box1 .secend ._flexbox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-align:unset;-ms-flex-align:unset;-webkit-align-items:unset;-moz-box-align:unset;align-items:unset}
.index-page .box1 .secend .n span{font-size:60px;line-height:50px;font-weight:400}
.index-page .box1 .secend .n{font-size:20px;font-weight:700}
.index-page .box1 .secend ._flexbox .item{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;align-items:baseline;position:relative;z-index:3;padding-right:3vw}
.index-page .box1 .secend::before{display:none}
.index-page .box1 .secend ._flexbox .item+.item{margin-top:8vw}
.index-page .box1 .secend ._flexbox .item::before{content:'';position:absolute;width:100%;height:44px;left:0;z-index:-1;background-color:#f4a948;bottom:-3px}
.index-page .box1 .secend .n::before{font-size:30px;line-height:20px}
.common-t,.index-page .common-t{font-size:26px; margin-bottom: 10px;}
.index-page .box5 .common-t{margin-bottom: 25px;}
.index-page .box5 .content{ padding: 0;}
.index-page .box1 .four{font-size:16px}
.index-page .box2 .ctrl{width:50px;top:10%}
.index-page .box2 .c{width:100%;height:auto}
.index-page .box2 .text{width:100%;left:auto;top:auto;margin:0;position:relative}
.index-page .box2 .text .name{font-size:22px;margin-bottom:10px}
.index-page .box3 a{width:100%}
/* .index-page .box3 .text{padding-top:40px} */
.index-page .box3 .common-t{margin-bottom:30px}

.swiper-container img{ height: 220px; width: 140%; max-width: inherit;}

/* .index-page .box{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain} */
.crop a{margin-top:4vw}

.crop a+a{margin-left:0}
.crop a:nth-child(4n+1){margin-left:0}
#bg{opacity:.2}
.footer .right .info p{display:block;font-size:12px;word-break:break-all;text-align:left}
.footer .right .shuwon{margin-left:0;margin-top:15px}
.backTop{right:3vw}
.backTop.active{bottom:3vw}
.zpxjh1{ font-size: 12px;}
.zpxjh1 td {
    color: #333;
    font-size: 12px;
}
.ej_lm ul li a{min-width: auto;}
.header-box .logo img{height:35px;  margin-top: 4px;}
.header-box .right ul li{font-size:18px;margin-top:0px}
.header-box .right ul li.active{font-size:20px}
.banner.common img{height:200px;max-width:unset;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.center-page .box1 .common-width{width:100%}
.center-page .box.box1{padding:0;text-align:justify}
.center-page .box2{padding:35px 0;text-align:justify}
.common.crop a{margin-top:15px;width:49%;}
.common.crop a:nth-child(even){ margin-left: 2%;}
.common.crop,.index-page .box.box3{ padding: 25px 0px;}
.center-page .box1 .text{ font-size: 14px;}
.teach-page .box1{ padding-top: 25px;}
.case_cat{ margin-bottom: 5px;}
.case{ padding-top: 20px;}
.w1200{ padding-bottom: 25px;}
.index-page .box3 a{ margin-bottom:15px;}
.index-page .box3 a+a{ margin-left: 0%;}
.crop a p{ font-size: 14px; overflow: hidden;}
.crop a:nth-child(3n+1){ clear: none;}
.courses-page .box1 .item{width:100%}
.courses-page .box1 ._flexbox .item+.item{margin-left:0;margin-top:3vw}
.courses-page .box1{padding:30px 3vw}
.courses-page .box1 .item.title{font-size:14px;text-align:center;padding-bottom:30px}
.courses-page .box1 .item.title .commonT{text-align:center}
.courses-page .box1 .item.title .line{margin:20px auto 10px}
.detail .box2{padding:3vw}
.detail .box2 .img-box{display:none}
.detail .box2 .title{font-size:20px;margin-top:0;margin-bottom:5px}
.detail .box2 .info{font-size:14px}
.detail .box2 .text-box{margin-top:20px;margin-bottom:20px}
.case ul li{width:100%;margin-left:0;margin-right:0}
.solu_list ul li .info{width:100%;height:auto;padding:3vw 3vw 5vw}
.solu_list ul li .thum{width:100%}
.solu_list ul li .info .des{margin-bottom:0}
.solu_list ul li .info .title{margin-bottom:10px}
.case_cat a{font-size:13px;padding:0 10px}
.contact_box .r{padding-left:0;margin-top:0vw; padding: 0 12px;}
.contact_box .r ol{ margin-bottom: 20px;}
.mshow{display:block}
.center-page .box3 img:first-of-type{display:none}
}
@media only screen and (max-device-width:812px) and (orientation:landscape){
.index-page .banner .down{width:60px;margin-left:-30px}
.header-box .right ul{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}
.header-box .right ul li{margin-top:30px}
.header .mb{position:absolute;bottom:3vw;width:100%;left:0;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}
.crop a img{display:none}
.crop a{width:100%;margin-top:8vw}
.crop a+a{margin-left:0}
.crop a:nth-child(4n+1){margin-left:0}
.fitee{ padding: 40px 40px 0;}
	
}
@media only screen and (max-device-width:375px) and (orientation:portrait){
.index-page .box1 .secend .n span{font-size:44px}
}